<template>
  <div class="headNava">
    <div class="content">
      <div style="float: left">
        <router-link :to="{ path: '/index' }">
          <img
            style="width: 300px; height: 100px;vertical-align: middle; "
            src="../../../assets/mao.png"
            alt=""
          />
        </router-link>
      </div>
      <div style="float: right" class="steps">
        <el-steps :space="200" :active='this.type' finish-status="success">
          <el-step title="查看购物车"></el-step>
          <el-step title="拍下商品"></el-step>
           <el-step title="支付"></el-step>
          <el-step title="确定收货"></el-step>
           <el-step title="评价"></el-step>
        </el-steps>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props:{ 
    type:Number
  }
};
</script>

<style>
img {
  margin-top: -20px;
}
.headNava {
  margin-top:30px;
  width: 100%;
  /* background-color:#F7FAFC; */
 
  clear: both;
}
.content {
  margin: 0px auto;
  width: 1240px;
  height: 100px;
  /* background-color: #F7FAFC; */
}
.steps{
 margin-top: 10px;
  width: 600px;
 
}
</style>
